<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>::Happy - DTAC Prepaid Phone::</title>
<link href="${RESOURCE}/css/global.css" rel="stylesheet" type="text/css">
<link href="${RESOURCE}/css/global-en.css" rel="stylesheet" type="text/css">
<link href="${RESOURCE}/css/customize.css" rel="stylesheet" type="text/css">
<script language=JavaScript>
function printWindow(){
browserVersion = parseInt(navigator.appVersion)
if (browserVersion >= 4) window.print()
}

function include(xUrl,xId) {
  var xmlhttp = false;
  /*@cc_on @*/
  /*@if (@_jscript_version >= 5)

  // JScript gives us Conditional compilation, we can cope with old IE versions.
  // and security blocked creation of the objects.
  try {
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
   } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
        xmlhttp = false;
      }
   }

  /*@end @*/
  if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
    xmlhttp = new XMLHttpRequest();
  }

  xmlhttp.open("GET", xUrl,true);
  xmlhttp.onreadystatechange=function() {
          if (xmlhttp.readyState==4) {
                document.getElementById(xId).innerHTML = xmlhttp.responseText;
          }
  }
  xmlhttp.send(null)
}


function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function ok(){

	var d = document.form1;

	var source_no = '<!--SVLT.VAR:PHONENUMBER-->';
	var dest_no = d.to_phone_no.value;
	var amt = d.balance_amt.value;
	var z=parseInt(dest_no).toString();
    if(dest_no.length!=10 || (z=="NaN") ){alert('Sorry. You need to enter 10 digits mobile phone number that you want to make a balance transfer.') ; document.form1.to_phone_no.focus()  ; return;}
    
    if(!checkMobilePattern(dest_no)){
    	alert('Sorry. You need to enter 10 digits mobile phone number that you want to make a balance transfer.') ; 
    	document.form1.to_phone_no.focus()  ; 
    	return;
    }

	var x=document.form1.balance_amt.value;
	var y=parseInt(x).toString();
    if( (x.length != y.length) || (y=="NaN")   ){alert('Sorry. The amount of credit you can transfer is from 20-200 Baht.') ; document.form1.balance_amt.focus()  ; return;}
    if(x>200 || x<20){alert('Sorry. The amount of credit you can transfer is from 20-200 Baht.') ; document.form1.balance_amt.focus()  ; return}

	var w = 455;
	var h = 200;
	var l = (screen.width - w) / 2; 
	var t = (screen.height - h ) / 2; 
	window.open("/bp3/bin/Confirm2Transfer?sourceno=" + source_no + "&amttransfer=" + amt + "+&sourcedest=" + dest_no + "&lang=E&mode=P1", "tinyWindow", "width=" + w + ", height=" + h + ", top=" + t + ", left=" + l);
}

<!--

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


// Declaring required variables
var digits = "0123456789";

// non-digit characters which are allowed in phone numbers
var phoneNumberDelimiters = "()- ";

// characters which are allowed in international phone numbers
// (a leading + is OK)
var validWorldPhoneChars = phoneNumberDelimiters + "+";

// Minimum no of digits in an international phone no.
var minDigitsInIPhoneNumber = 10;

function isInteger(s)
{   var i;
    for (i = 0; i < s.length; i++)
    {   
        // Check that current character is number.
        var c = s.charAt(i);
        if (((c < "0") || (c > "9"))) return false;
    }

    // All characters are numbers.
    return true;
}

function stripCharsInBag(s, bag)
{   var i;
    var returnString = "";

    // Search through string's characters one by one.
    // If character is not in bag, append to returnString.
    for (i = 0; i < s.length; i++)
    {   
        // Check that current character isn't whitespace.
        var c = s.charAt(i);
        if (bag.indexOf(c) == -1) returnString += c;
    }

    return returnString;
}

function checkInternationalPhone(strPhone){
	s = stripCharsInBag(strPhone,validWorldPhoneChars);
	return (isInteger(s) && s.length >= minDigitsInIPhoneNumber);
}

function ValidateForm(){
	var Phone=document.form1.inputUserName;

	document.form1.submit();
 }

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

function alertChgMobileNumb(){
  var format = /^[0-9]{9}$/;
   
  if(format.test(document.form1.inputUserName.value)) { 
			alert("ตั้งแต่วันที่ 1 กันยายน เป็นต้นไป รหัสผู้ใช้ 9 หลัก จะเปลี่ยนเป็น 10 หลัก โดยใส่ 08 แทน 0 ตัวหน้า \nในครั้งต่อไปกรุณาใช้รหัสผู้ใช้ 10 หลักในการใช้บริการผ่านเว็บ.");
	}

	document.form1.submit();
}

	function checkMobilePattern(obj) {
		var mobilePattern = /^[0][8][0-9]{8}$/;
		return mobilePattern.test(obj);
	}
//-->
</script> 

</head>
<body>
<div id="header">
    <%@include file="../head.jsp" %>
</div>

<div id="container">
	<div id="pathway">
	<A href="/bp3/bin/DpromptIndex" class="link2">Web Service</A> &gt; 
	<a href="/bp3/bin/Dspc/DpromptWelcome"  class="link2">Profile and Service</a> &gt;  
	Balance Transfer
	</div>
	<div id="main">
    	<%@ include file="../menu.jsp" %>
    	<div id="content">
        	<div class="content-middle">
                
                <!--เนื้อหาเริ่มที่นี่-->
                <h3><img src="${RESOURCE}/eng/images/14_webservice_head01.gif"></h3>
               	<table width="100%" cellpadding="2" cellspacing="2" height="500">
                  	<tr>
                    	<td valign="top">
						
						
						<div align="center">
						<table width="650" border="0" cellspacing="0" cellpadding="0">
						  <!--SVLT.VAR:CONF_TOP-->
						  <tr> 
							<td> <table width="100%" border="0" cellspacing="3" cellpadding="0">
								<tr> 
								  <td width="2%"><img src="${RESOURCE}/eng/images/14_webservice_bullet01.gif" width="9" height="9"></td>
								  <td width="98%" class="textnormal_bold"><img src="${RESOURCE}/eng/images/14_webservice_subtitle09.gif" width="350" height="22"></td>
								</tr>
								<tr> 
								  <td>&nbsp;</td>
								  <td class="textnormal">The fabulous service which allows you to share happiness to your friend by transferring your remaining credit<br>
									to anyone you want. Things you should know before transferring <a target="_blank" href="http://www.happy.co.th/en/low/07_jaidee_hai_own.php" style="color: rgb(255, 0, 0); font-weight: bold; text-decoration: underline;">click here</a></td>
								</tr>
							  </table></td>
						  </tr>
						  <tr> 
							<td height="15" align="center">&nbsp;</td>
						  </tr>
						  <tr> 
							<td height="15" align="left"><br>
							  <table width="80%" border="0" align="center" cellpadding="2" cellspacing="2">
								<form method="post" action="/bp3/bin/Result2Transfer" name="form1">
								<input type="hidden" name="func">
								<tr> 
								  <td width="45%" align="right" class="textnormal_bold">Transferor's Happy Mobile Number:</td>
								  <td><INPUT type="text" readOnly name="tel_from" value="<!--SVLT.VAR:PHONENUMBER-->" class="txt_search_c04" size="30">
									<!-- TODO replace this with the above one.  Remove this later if sure that the above is correct.
									<select name="select2">
									  <option>xxxxxxxxxxxxxxxxxxxxxxxxx</option>
									</select></td>
									--> 
								</tr>
								<tr> 
								  <td align="right" class="textnormal_bold">&nbsp;</td>
								  <td><font color="#FF0000" class="textredsmall">Mobile phone number 10 digits (08xxxxxxxx)</font></td>
								</tr>
								<tr> 
								  <td align="right" class="textnormal_bold">Recipient's Happy Mobile Number:</td>
								  <td><input name="to_phone_no" maxlength="10" type="text" class="txt_search_c04" size="30" autocomplete="off">
									<span class="textnormal"></span> &nbsp; </td>
								</tr>
								<tr> 
								  <td align="right" class="textnormal_bold">&nbsp;</td>
								  <td><font color="#FF0000" class="textredsmall">Mobile phone number 10 digits (08xxxxxxxx)</font></td>
								</tr>
								<tr> 
								  <td align="right" class="textnormal_bold"> Amount to transfer:<span class="head"><br>
								  </span></td>
								  <td><input name="balance_amt" maxlength="3" type="text" class="txt_search_c04" size="30">
									<span class="textnormal">baht</span> &nbsp; </td>
								</tr>
								<tr>
								  <td align="right" class="textnormal_bold">&nbsp;</td>
								  <td class="textredsmall"><font color="#FF0000">*Specify call credit from 20-200 baht</font></td>
								</tr>
								</form>
							  </table>
							  <br>
							  <br>
							  <table width="250" border="0" align="center" cellpadding="5" cellspacing="0">
								<tr align="center" valign="top"> 
								  <td><A href="javascript:ok()"><img src="${RESOURCE}/eng/images/14_webservice_submit.gif" width="58" height="23" border="0"></A></td>
								  <td><A href="/bp3/bin/Dspc/DpromptWelcome"><img src="${RESOURCE}/eng/images/14_webservice_cancel.gif" width="58" height="23" border="0"></A></td>
								</tr>
							  </table> 
							  <p>&nbsp;</p></td>
						  </tr>
						  <!--SVLT.VAR:CONF_BOTTOM-->
						</table>
						</div>
						
						
						
						</td>
                 	</tr>
              	</table>                
                <!--เนื้อหาสิ้นสุดที่นี่-->
                
            </div>
            <div class="content-bottom"></div>
        </div>
    </div>
</div>
<div id="footer">
<img src="${RESOURCE}/eng/images/copy_right.jpg" />
<a href="http://www.dtac.co.th" target="_blank"><img src="${RESOURCE}/eng/images/dtact_logo.jpg" border="0" /></a>
<a href="http://www.happyvirus.com" target="_blank"><img src="${RESOURCE}/eng/images/virus_icon.jpg" border="0" /></a>
</div>
</body>
</html>
